<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:pt="http://xmlns.jcp.org/jsf/passthrough">
    <h:head>
        <title>Gestor Web - Seja bem vindo.</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="resources/bootstrap/js/bootstrap.js" type="text/javascript"></script>
        <link href="resources/bootstrap/css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
        <link href="resources/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
    </h:head>
    <h:body>
        <div class="jumbotron" style="width: 300px;
             margin-left: 450px;">
            <h:form class="form-signin">
                <h2 class="form-signin-heading">Login</h2>
                <h:inputText value="#{loginMB.pessoaBO.usuario}" class="form-control"  required="" pt:placeholder="Usuário"  />
                <h:inputSecret  value="#{loginMB.pessoaBO.senha}" class="form-control"  required="" pt:placeholder="Senha" />
                <div class="checkbox">
                    <label>
                        <input type="checkbox" value="remember-me"> Lembrar</input>
                    </label>
                </div>
                <h:commandLink class="btn btn-lg btn-primary btn-block" action="#{loginMB.logar()}">
                    Logar
                </h:commandLink> 
            </h:form>

        </div>

    </h:body>
</html>

